import { createRouter, createWebHashHistory } from 'vue-router'

const routes = [
  {
    path: '/ref_reactive',
    name: 'ref_reactive',
    component: () => import('@/views/basic1/ref_reactive.vue')
  },
  {
    path: '/computed',
    name: 'computed',
    component: () => import('@/views/basic1/computed.vue')
  },
  {
    path: '/class_style',
    name: 'class_style',
    component: () => import('@/views/basic1/class_style.vue')
  },
  {
    path: '/v_for',
    name: 'v_for',
    component: () => import('@/views/basic1/v_for.vue')
  },



  {
    path: '/Composables',
    name: 'Composables',
    component: () => import('@/views/basic3/Composables.vue')
  },
  {
    path: '/Plugins',
    name: 'Plugins',
    component: () => import('@/views/basic3/Plugins.vue')
  },
  {
    path: '/Directives',
    name: 'Directives',
    component: () => import('@/views/basic3/Directives.vue')
  },
  {
    path: '/Pinia',
    name: 'Pinia',
    component: () => import('@/views/Pinia.vue')
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router
